<template>
  <div>
    <AddTodos></AddTodos>
    <Lists></Lists>
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive, Ref, ref, provide } from "vue";
import AddTodos from "@/views/demo/AddTodos.vue";
import Lists from "@/views/demo/List.vue";
export default defineComponent({
  components: { AddTodos, Lists },
  setup() {
    const list: any[] = reactive([]);
    const ruleForm = reactive({
      content: "",
    });
    const state = reactive({
      type: "add",
      index: 0,
    });
    provide("list", list);
    provide("ruleForm", ruleForm);
    provide("state", state);

    return {
      //   list,
      //   ruleForm
    };
  },
});
</script>

<style></style>
